<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Hello App Engine</title>
<script type="text/javascript">
var make = 20806;
var model = 1288;
var year = 7;
var version = 8;
var price = 9;
function updateMakes(){
	
	document.getElementById("makes").src = "/getjson";
	
}

function updateModels(){
	make = document.getElementById("make").value;
	document.getElementById("models").src = "/getjson?make="+make;
	
}        

function updateYears(){
	model = document.getElementById("model").value;
	document.getElementById("years").src = "/getjson?make="+make+"&model="+model;
}

function updateVersions(){
	year = document.getElementById("year").value;
	document.getElementById("versions").src = "/getjson?make="+make+"&model="+model+"&year="+year;
}

function updatePrice(){
	version = document.getElementById("version").value;
	document.getElementById("price").src = "/getjson?make="+make+"&model="+model+"&year="+year+"&version="+version;
}
    
</script>
</head>

<body>
<h1>Hello App Engine!</h1>


<a href="#" onclick="updateMakes();">Get Makes</a>
<br />
<iframe src="" id="makes"></iframe>
<br />
<a href="#" onclick="updateModels();">Get Models</a>
Make<input type="text" id="make" />
<br />
<iframe src="" id="models"></iframe>
<br />
<a href="#" onclick="updateYears();">Get Years</a>
model<input type="text" id="model" />
<br />
<iframe src="" id="years"></iframe>
<br />
<a href="#" onclick="updateVersions();">Get Versions</a>
Year<input type="text" id="year" />
<br />
<iframe src="" id="versions"></iframe>
<br />
<a href="#" onclick="updatePrice();">Get Price</a>
Version<input type="text" id="version" />
<br />
<iframe src="" id="price"></iframe>

</body>
</html>
